<!--个人中心订单类型-->
<template>
  <view class="orderItem">
    <block v-for="(item, index) in 10" :key="index">
      <view class="order-item">
        <view class="flex-between-row">
          <view class="order-item-name">下单用户：xxxx</view>
          <view :class="'order-item-status'" > 待结算</view>
        </view>
        <view class="order-item-info margin-t-ten">
          下单时间：2024-01-09 19:09:00
        </view>
        <view class="flex-between-row margin-t-ten">
          <view class="order-item-name">年会员</view>
          <view>888元</view>
        </view>
        <view class="flex-row margin-t-ten">
          <image class="order-item-pic" src="https://talentsupload.oss-cn-beijing.aliyuncs.com/miniprogram/default_3.png"/>
          <view>
            <p>预估佣金：133.33</p>
            <p class="margin-t-six">到账时间：2025-01-05</p>
          </view>
        </view>
        <!-- <view class="flex-between-row">
          <view class="order-item-name">买家：189****4322</view>
          <view
            :class="
              item.status == '待结算'
                ? 'order-item-status'
                : 'order-item-status-end'
            "
            >{{ item.statusName }}</view
          >
        </view>
        <view class="order-item-info margin-t-ts"
          >下单时间：2024-01-09 19:09:00</view
        >

        <view class="flex-row-align-center margin-t-tr">
          <img
            class="order-item-pic"
            src="http://ltcx-img.oss-cn-beijing.aliyuncs.com/miniprogram/seize_seat.png"
          />
          <view class="flex">
            <view class="group-name">黄龙寺九寨沟景区/3人拼车组</view>
            <view class="order-item-address margin-t-tr"
              >{{item.date}}，{{item.address}}</view
            >
            <view class="between-item-center-row margin-t-tr">
              <p class="order-item-info">佣金比例：3%</p>
              <p class="order-item-info">x1</p>
            </view>
          </view>
        </view>
        <view class="price-info">
          <p>实付金额：{{item.payAmout}}</p>
          <p class="margin-t-tw">佣金结算：<span class="theme-color">{{item.commissionPrice}}元</span></p>
          <view class="estimate-time margin-t-tw">
             <p class="">{{item.msg}}</p>
            <img class="tip-img" src="http://ltcx-img.oss-cn-beijing.aliyuncs.com/miniprogram/common/icon_explain.png"/>
          </view>
        </view>
        <view class="item-btns">
          <view class="view-detail">结算详情</view>
        </view> -->
      </view>
    </block>
  </view>
</template>

<script src="./indexMod.js">
</script>
<style src="./indexStyle.scss">
</style>